<template>
  <!-- <el-row class="header" justify="space-evenly">
    <el-col :span="8">
      <img
        class="back_icon"
        src="@/assets/images/angle-left.png"
        alt=""
        @click="goBack"
      />
    </el-col>
    <el-col :span="8" class="title"> {{ propsData.title }}</el-col>
    <el-col :span="8"></el-col>
  </el-row> -->
  <NavBar :title="title" left-arrow @click-left="onClickLeft" />
</template>

<script setup lang="ts">
import { useRouter } from "vue-router"
import { NavBar } from "vant"

const propsData = defineProps(["title"])

const $router = useRouter()

const onClickLeft = () => {
  $router.back()
}
</script>

<style scoped lang="less">
.header {
  height: 64px;
  background: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 64px;

  .title {
    text-align: center;
  }

  .back_icon {
    height: 24px;
    margin-left: 20px;
  }
}
</style>
